.pos-relative {
    position: relative;
}

.pos-absolute {
    position: absolute;
}

.pos-fixed {
    position: fixed;
}

.pos-static {
    position: static;
}

.pos-sticky {
    position: sticky;
}

@for $i from 0 through 100 {
    .z#{$i} {
        z-index: #{$i};
    }

    .t#{$i} {
        top: #{$i}px;
    }

    .b#{$i} {
        bottom: #{$i}px;
    }

    .l#{$i} {
        left: #{$i}px;
    }

    .r#{$i} {
        right: #{$i}px;
    }
}
